<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>梧桐雨</title>
    <!-- Bootstrap -->
    <link href="./css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="./base.css">
    <link rel="stylesheet" href="./demo.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="./css/html5shiv/html5shiv.min.js"></script>
    <script src="./css/respond/respond.js"></script>
    <script src="./zepto.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="./bootstrap.js"></script>
<div class="bx_header">
    <div class="container">
        <nav class="navbar navbar-default navbar-fixed-top clearfix">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span><img src="./images/a_06.png" width=20 alt=""></span>
                    </button>
                    <a class="navbar-brand " href="#"><img src="./images/logo.png" alt="" width=100></a>
                    <a class="navbar-brand hidden-sm hidden-xs" href="#"><img src="./images/a_09.png" alt="" width=220
                                                                              style="padding-top: 7px"></a>

                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="active"><a href="#"><img src="./images/b_03.png" alt="">首页 <span class="sr-only">(current)</span></a>
                        </li>
                        <li><a href="#"><img src="./images/b_06.png" alt="">保险分类</a></li>
                        <li><a href="#"><img src="./images/b_08.png" alt="">保险顾问</a></li>
                        <li><a href="#"><img src="./images/b_10.png" alt="">私人制订</a></li>
                        <li><a href="#"><img src="./images/b_12.png" alt="">无忧理赔</a></li>
                        <li><a href="#"><img src="./images/b_14.png" alt="">关于我们</a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
        <div class="bx_banner">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="./images/a_14.png" alt="...">
                    </div>
                    <div class="item">
                        <img src="./images/a_14.png" alt="...">
                    </div>
                    <div class="item ">
                        <img src="./images/a_14.png" alt="...">
                    </div>
                    <!--<div class="item active">-->
                    <!--<img src="./images/a_14.png" alt="...">-->
                    <!--</div>-->
                </div>
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
            <div class="bx_nav">
                <div class="container">
                    <div class="row">
                        <ul class="clearfix">
                            <li class="col-xs-3">
                                <a href="javascript:;">
                                    <img src="./images/icon-1.png" alt="">
                                    <p>保险分类</p>
                                </a>
                            </li>
                            <li class="col-xs-3">
                                <a href="javascript:;">
                                    <img src="./images/icon-2.png" alt="">
                                    <p>梧桐爱播</p>
                                </a>
                            </li>
                            <li class="col-xs-3">
                                <a href="javascript:;">
                                    <img src="./images/icon-3.png" alt="">
                                    <p>无忧理赔</p>
                                </a>
                            </li>
                            <li class="col-xs-3">
                                <a href="javascript:;">
                                    <img src="./images/icon-4.png" alt="">
                                    <p>商品分类</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>

        </div>
    </div>
</div>
<div class="bx_hxys clearfix">
    <div class="container">
        <div class="row">
            <div class="bx_pTip">
                <h3>核心优势</h3>
            </div>
            <div class="bx_list clearfix">
                <ul>
                    <li class="col-md-4 col-sm-6 col-xs-12">
                        <div class="list_left"><img src="./images/a_32.png" width=60 alt=""></div>
                        <div class="list_right">
                            <h4>精选产品</h4>
                            <p>80+保险公司，1000+保险产品，精出1%的好保险</p>
                        </div>
                    </li>
                    <li class="col-md-4 col-sm-6 col-xs-12">
                        <div class="list_left"><img src="./images/a_32.png" width=60 alt=""></div>
                        <div class="list_right">
                            <h4>精选产品</h4>
                            <p>80+保险公司，1000+保险产品，精出1%的好保险</p>
                        </div>
                    </li>
                    <li class="col-md-4 col-sm-6 col-xs-12">
                        <div class="list_left"><img src="./images/a_32.png" width=60 alt=""></div>
                        <div class="list_right">
                            <h4>精选产品</h4>
                            <p>80+保险公司，1000+保险产品，精出1%的好保险</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="bx_cptj ">
    <div class="container">
        <div class="row">
            <div class="bx_pTip">
                <h3>产品推荐</h3>
            </div>
            <div class="bx_pContent clearfix">
                <a href="javascript:;" class=" f_left col-xs-12 col-sm-6 col-md-4">
                    <img src="./images/a_39.png" alt="">
                </a>
                <a href="javascript:;" class=" f_left col-xs-12 col-sm-6 col-md-4">
                    <img src="./images/a_41.png" alt="">
                </a>
                <a href="javascript:;" class=" f_left col-xs-12 col-sm-6 col-md-4">
                    <img src="./images/a_44.png" alt="">
                </a>
                <a href="javascript:;" class=" f_left col-xs-12 col-sm-6 col-md-4">
                    <img src="./images/a_45.png" alt="">
                </a>
                <a href="javascript:;" class=" f_left col-xs-12 col-sm-6 col-md-4">
                    <img src="./images/a_48.png" alt="">
                </a>
                <a href="javascript:;" class=" f_left col-xs-12 col-sm-6 col-md-4">
                    <img src="./images/a_49.png" alt="">
                </a>
            </div>
        </div>
    </div>
</div>


<div class="yygw">
    <div class="container">
        <div class="row">
            <div class="bx_pTip">
                <h3>预约顾问</h3>
            </div>
            <div class="yygw_man">
                    <div class="container">
                        <div class="row">
                            <div class="col-xs-4 man clearfix">
                                <a href="javascript:;" class="thumbnail clearfix">
                                    <img src="./images/a_56.png" alt="...">
                                </a>
                            </div>
                            <div class="col-xs-4 man clearfix">
                                <a href="javascript:;" class="thumbnail clearfix">
                                    <img src="./images/a_53.png" alt="...">
                                </a>
                            </div>
                            <div class="col-xs-4 man clearfix   ">
                                <a href="javascript:;" class="thumbnail clearfix">
                                    <img src="./images/a_59.png" alt="...">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            <div class="yygw_word">
                <h3>预约<i>10年</i>家庭保险服务经验顾问团<br><i>56万</i>家庭用户依赖首选</h3>
                <button>立即预约</button>
            </div>
            </div>
        </div>
    </div></div>
<div class="list">
    <div class="container">
        <div>
            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">保险问答</a></li>
                <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">保险知识</a></li>
                <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">公司动态</a></li>
                <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">行业新闻</a></li>
            </ul>
            <!-- Tab panes -->
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="home">
                    <ul>
                        <li><i></i>大病险是不是什么病都能报销</li>
                        <li><i></i>单身年轻人适合购买投连险么</li>
                        <li><i></i>理财险能退保？</li>
                        <li><i></i>教育基金有哪些保障功能？</li>
                        <li><i></i>网上如何购买保险及注意事项是什么？</li>
                        <p>查看更多></p>
                    </ul>
                    </div>
                <div role="tabpanel" class="tab-pane" id="profile"> <ul>
                    <li><i></i>大病险是不是什么病都能报销</li>
                    <li><i></i>单身年轻人适合购买投连险么</li>
                    <li><i></i>理财险能退保？</li>
                    <li><i></i>教育基金有哪些保障功能？</li>
                    <li><i></i>网上如何购买保险及注意事项是什么？</li>
                    <p>查看更多></p>
                </ul></div>
                <div role="tabpanel" class="tab-pane" id="messages"> <ul>
                    <li><i></i>大病险是不是什么病都能报销</li>
                    <li><i></i>单身年轻人适合购买投连险么</li>
                    <li><i></i>理财险能退保？</li>
                    <li><i></i>教育基金有哪些保障功能？</li>
                    <li><i></i>网上如何购买保险及注意事项是什么？</li>
                    <p>查看更多></p>
                </ul></div>
                <div role="tabpanel" class="tab-pane" id="settings"> <ul>
                    <li><i></i>大病险是不是什么病都能报销</li>
                    <li><i></i>单身年轻人适合购买投连险么</li>
                    <li><i></i>理财险能退保？</li>
                    <li><i></i>教育基金有哪些保障功能？</li>
                    <li><i></i>网上如何购买保险及注意事项是什么？</li>
                    <p>查看更多></p>
                </ul></div>
            </div>

        </div>
    </div>
</div>
<div class="khfw">
    <div class="container">
        <span class="phone"></span>
        <p>24小时客户服务热线：400-9955-788</p>
    </div>
</div>
<div class="pingpai">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <div class="thumbnail">
                    <img src="./images/a_72.png" alt="...">
                    <div class="caption">
                        <h3>证监会认证</h3>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="thumbnail">
                    <img src="./images/a_75.png" alt="...">
                    <div class="caption">
                        <h3>保险公司授权</h3>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="thumbnail">
                    <img src="./images/a_69.png" alt="...">
                    <div class="caption">
                        <h3>12年保险专业服务</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="foot clearfix">
    <div class="container">
       <ul class=row>
           <li class="col-xs-3">关于我们</li>
           <li class="col-xs-3">关于微信</li>
           <li class="col-xs-3">网站地图</li>
           <li class="col-xs-3">电脑版</li>
       </ul>
        <span class="glyphicon glyphicon-copyright-mark"></span><p>2017 梧桐树保险网&nbsp;&nbsp;鄂ICP备17008267号-1</p>
    </div>
</div>
</body>
</html>